﻿@page "/"
@page "/base-component"
@using Cascade.Shard

@* 
级联值(CascadeValue)在Blazor中是指这样的一个应用场景，
我们在使用Blazor组件的时候都是通过HTML标记的形式在使用，
例如<Component1 > <Component2/></Compontent1> 这样的形式，
根据HTML的特性我们也了解整个HTML文档实际上也是类似一个标记树，
那么我们有一些应用场景；

我们需要在父组件或者是根组件里一些值，
并且希望这个值能被父组件或者跟组件以下的所有子组件都可以访问到，
针对这种应用场景，Blazor提供就是级联值(CascadeValue), 
级联值(CascadeValue)在使用的过程中实际上是需要顶一个级联值组件，
然后需要在子组件中需要要定义级联参数来引用该值(CascadeParameter)
*@



<h3> App Base Component</h3>

<CascadingValue Value="@pName" Name="ProfileName">
    <CascadingValue Value="@pAge" Name="ProfileAge">
        <ParentComponent/>
    </CascadingValue>    
</CascadingValue>

@functions {
    private string pName {get;set;} = "New To Blazor";
    private int pAge {get;set;} =  35;
}

